<template>
 <!--筛选表单  -->
        <el-form ref="form" :model="form" label-width="80px"   label-position="left">
            <!-- 第一行筛选 -->
            <el-row :gutter="20" type="flex" class="row-bg" justify="space-between">
              <el-col :span="6">
                    <el-form-item label="学科">
                    <el-select v-model="form.subjectID" placeholder="请选择">
                       <el-option label="区域一" value="shanghai"></el-option>
                    </el-select>
                    </el-form-item>
              </el-col>
              <el-col :span="6">
                    <el-form-item label="二级目录">
                    <el-select v-model="form.catalogID" placeholder="请选择">
                       <el-option label="区域一" value="shanghai"></el-option>
                    </el-select>
                    </el-form-item>
              </el-col>
              <el-col :span="6">
                    <el-form-item label="标签">
                    <el-select v-model="form.tags" placeholder="请选择">
                       <el-option label="区域一" value="shanghai"></el-option>
                    </el-select>
                    </el-form-item>
              </el-col>
              <el-col :span="6">
                   <el-form-item label="关键字">
                   <el-input v-model="form.keyword"></el-input>
             </el-form-item>
              </el-col>
            </el-row>
            <!-- 第二行筛选 -->
            <el-row :gutter="20" type="flex" class="row-bg" justify="space-between">
              <el-col :span="6">
                    <el-form-item label="试题类型">
                    <el-select v-model="form.questionType" placeholder="请选择活动区域">
                       <el-option label="区域一" value="shanghai"></el-option>
                    </el-select>
                    </el-form-item>
              </el-col>
              <el-col :span="6">
                    <el-form-item label="难度">
                    <el-select v-model="form.difficulty" placeholder="请选择活动区域">
                       <el-option label="区域一" value="shanghai"></el-option>
                    </el-select>
                    </el-form-item>
              </el-col>
              <el-col :span="6">
                    <el-form-item label="方向">
                    <el-select v-model="form.direction" placeholder="请选择">
                       <el-option label="区域一" value="shanghai"></el-option>
                    </el-select>
                    </el-form-item>
              </el-col>
              <el-col :span="6">
                   <el-form-item label="录入人">
                    <el-select v-model="form.creatorID" placeholder="请选择">
                       <el-option label="区域一" value="shanghai"></el-option>
                    </el-select>
                   </el-form-item>
              </el-col>
            </el-row>
            <!-- 第三行筛选 -->
            <el-row :gutter="20" type="flex" class="row-bg" justify="space-between">
              <el-col :span="6">
                   <el-form-item label="题目备注">
                   <el-input v-model="form.remarks"></el-input>
             </el-form-item>

              </el-col>
              <el-col :span="6">
                   <el-form-item label="企业简称">
                   <el-input v-model="form.shortName"></el-input>
                   </el-form-item>
              </el-col>
              <el-col :span="6">
                  <el-form-item label="城市">
                    <el-select v-model="form.city" placeholder="请选择活动区域"  style="width: 50%;">
                       <el-option label="区域一" value="shanghai"></el-option>
                    </el-select>
                    <el-select v-model="form.province" placeholder="请选择活动区域" style="width: 50%;">
                       <el-option label="区域一" value="shanghai"></el-option>
                    </el-select>
                   </el-form-item>
              </el-col>
              <el-col :span="6">
                  <el-form-item  class="colflex">
                   <el-button type="primary" @click="searchSubmit" >搜索</el-button>
                   <el-button >取消</el-button>
                 </el-form-item>
              </el-col>
            </el-row>

        </el-form>
</template>

<script>
export default {
  name: 'SearchForm',
  data () {
    return {
      form: {
        subjectID: '',
        catalogID: '',
        tags: '',
        keyword: '',
        questionType: '',
        difficulty: '',
        direction: '',
        creatorID: '',
        remarks: '',
        shortName: '',
        city: '',
        province: ''

      }
    }
  },
  methods: {

    // 搜索
    searchSubmit () {}

  }

}
</script>

<style>
.headrow{
    margin-bottom:10px ;
    }
.colflex{
    display: flex;
}
</style>
